

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Boleta </title>
  <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/business-casual.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
</head>

<body>
    <div class="brand">Carnicería Rubilu</div>
    <div class="address-bar"> Ventas por periodo</div>

    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"> </span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
               
                <a class="navbar-brand" href="Bienvenida.jsp">RubiluWebApp</a>
            </div>
       
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="Inicio">Inicio</a>
                    </li>
                    <li>
                        <a href="Contacto" >Contacto</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    
    <div class="col-lg-12 box row" id="content-wrapper">
      <div class="page-content">
          <hr>
              <h2 class="intro-text text-center">
                        <strong> seleccione el periodo del cual desea obtener el reporte de ventas </strong> </label></h2></hr>
          <label><h3>Mostrar desde: </h3>   </label><input type="date" name="finicio"> </div>
        <label><h3>Mostrar Hasta </h3></label> <input type="date" name="ffin"> 
        <br>
        <br>
        <div class="btn btn-default btn-lg"> <button type="button" class="btn btn-primary">Mostar</button></div>
   
    </div>

    
<table class="box table table-striped table-hover table-responsive col-lg-12" >
   <thead>
    <tr>
      <th>Còdigo Interno</th>
      <th>$¨BOLETA O FACTURAç</th>
      <th>Totasl</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><strong>showSpeed</strong></td>
      <td>15</td>
      <td>The speed of the show/reveal</td>
    </tr>
    <tr>
      <td><strong>showEasing</strong></td>
      <td>'linear'</td>
      <td>The easing of the show/reveal</td>
    </tr>
    <tr>
      <td><strong>hideSpeed</strong></td>
      <td>50</td>
      <td>The speed of the hide/conceal</td>
    </tr>
    <tr>
      <td><strong>hideEasing</strong></td>
      <td>'linear'</td>
      <td>The easing of the hide/conceal</td>
    </tr>					
    <tr>
      <td><strong>width</strong></td>
      <td>'auto'</td>
      <td>The width that the data will be truncated to - <em>('auto' or px amount)</em></td>
    </tr>
  </tbody>
</table>
             <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <p>Trabajo Final para el curso Ingeniería de Datos <br>
                    Ingregrantes: Evelin Ortega - Diego Torres - Mayumi Toma</p>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>
